<template>
<router-link :to="{name:ckuang[0]}">
  <div id="qq" >
    <div id="ww" :class="active">
      <i :class="icon"></i>
      {{ckuang[1]}}
    </div>
    <div id="ee" :class="active">
      {{ckuang[2]}}
    </div>
  </div>
</router-link>
</template>

<script>
export default {
  name: "TotelCount",
  data()
  {
    return {
      active:null,
      biaoqian:null,
    }
  },
  components:{
  },
  props:['ckuang', 'icon'],
  mounted() {
  },
}
</script>

<style scoped>
#qq{
  width: 100%;
  height: 100%;
  border-radius: 5%;
  text-align: center;
  line-height: 30px;
  position: relative;
  background-color: white;
  /*color: black;*/
  /*border: 1px solid #d5d4d4;*/
  box-shadow: 2px 5px 6px rgb(0 21 41 / 35%);
  font-family: Cursive;

}
#ww {
  font-size: 20px;
  position: absolute;
  left: 10%;
}
#ee{
  font-size: 40px;
  position: absolute;
  top:45%;
  left:40%;
}

</style>
